﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="CANO.WebSite.Login" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>CANO Propiedades</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <meta http-equiv="content-style-type" content="text/css" />
        <meta http-equiv="content-script-type" content="text/javascript" />
        
        <link rel="stylesheet" type="text/css" href="css/blue.css" media="screen, projection, tv" />  
        <!--[if lte IE 7.0]><link rel="stylesheet" type="text/css" href="css/ie.css" media="screen, projection, tv" /><![endif]-->
		<!--[if IE 8.0]>
			<style type="text/css">
				form.fields fieldset {margin-top: -10px;}
			</style>
		<![endif]-->
		
		<script type="text/javascript" src="js/jquery-1.8.2"></script>
		<!-- Adding support for transparent PNGs in IE6: -->
		<!--[if lte IE 6]>
			<script type="text/javascript" src="js/ddpng.js"></script>
			<script type="text/javascript">
				DD_belatedPNG.fix('h3 img');
			</script>
		<![endif]-->
</head>
<body id="login">
		<div class="box box-login altbox">
			<div class="boxin">
				<div class="header">
					<h3><img src="css/img/logo.png" alt="Boxie Admin" /></h3>
					<ul>
						<li><a id="linkInicioSesion" href="#" class="active">Inicio de Sesion</a></li><!-- .active for active tab -->
						
					</ul>
				</div>
				<form id="inicioSesion" class="table" runat="server"><!-- Default forms (table layout) -->
					<div class="inner-form">
						<div class="msg msg-info">
							<p> Ingrese sus credenciales y seleccione <strong>Iniciar Sesion</strong>.</p>
						</div>
						<asp:Panel ID="pnlError" Visible="false" runat="server">
						<div class="msg msg-error">
							<p> <asp:Label ID="lblErrorMessage" runat="server"></asp:Label></p>
						</div>
						</asp:Panel>
						<table cellspacing="0">
							<tr>
								<th><label for="some1">Usuario:</label></th>
								<td><input class="txt" type="text" id="txtUsuario" name="some1" runat="server" /></td>
							</tr>
							<tr>
								<th><label for="some3">Contraseña:</label></th>
								<td><input class="txt pwd" type="password" id="txtPassword" name="some3" runat="server" /></td><!-- class error for wrong filled inputs -->
							</tr>
							<tr>
								<th></th>
								<td class="tr proceed">
									<asp:Button ID="btnIniciarSesion" runat="server" CssClass="button" Text="Iniciar Sesion" />
								</td>
							</tr>
						</table>
					</div>
				</form>

                
			</div>
		</div>

        <script>

            $("div.header ul li a").click(
function () {
    if ($(this).text() == "Inicio de Sesion") {
        $("#inicioSesion").show();
        $("#recuperarPassword").hide();
    }
    else {
        $("#recuperarPassword").show();
        
        $("#inicioSesion").hide();
    }
    $("#linkRecuperarPassword").toggleClass("active");
    $("#linkInicioSesion").toggleClass("active");
}
);

        </script>
    </body>

</html>
